<script setup>
import { reactive, ref } from 'vue';
import router from "@/router/index.js";
const value1 = ref(1);
const value = ref();
const radioStyle = reactive({
  display: 'flex',
  height: '30px',
  lineHeight: '30px',
});


</script>

<template>



  <div style="padding: 2%" ref="printContent">

    <span>单选题</span>
    <div class="select" style="padding: 1%">

      <a-radio-group v-model:value="value1">
        <a-radio :style="radioStyle" :value="1">选项A</a-radio>
        <a-radio :style="radioStyle" :value="2">选项B</a-radio>
        <a-radio :style="radioStyle" :value="3">选项C</a-radio>
      </a-radio-group>
    </div>


    <br/>
    <br/>
    <br/>
    <span>多选题</span>
    <div class="group" style="padding: 1%">
      <a-checkbox-group v-model:value="value" style="width: 100%">
        <a-col>
          <a-checkbox value="A">选项A</a-checkbox>
          <br/>
          <a-checkbox value="B">选项B</a-checkbox>
          <br/>
          <a-checkbox value="C">选项C</a-checkbox>
          <br/>
          <a-checkbox value="D">选项D</a-checkbox>
          <br/>
          <a-checkbox value="E">选项E</a-checkbox>
        </a-col>
      </a-checkbox-group>
    </div>
  </div>


</template>

<style scoped>

</style>